import React, { Component } from 'react';


export default class Aside extends Component {
  render() {
    return (
        <aside>
              <div className="zk-sidebar">
                  <ul className="sidebar-menu" id="nav-accordion">
                      <li>
                          <a className="active" href="index.html">
                              <i className="fa fa-dashboard"></i>
                              <span>Dashboard</span>
                          </a>
                      </li>
                      <li className="sub-menu dcjq-parent-li">
                          <a href="javascript:;" className="dcjq-parent">
                              <i className="fa fa-laptop"></i>
                              <span>Layouts</span>
                          <span className="dcjq-icon"></span></a>
                          <ul className="sub">
                              <li><a href="boxed_page.html">Boxed Page</a></li>
                              <li><a href="horizontal_menu.html">Horizontal Menu</a></li>
                              <li><a href="header-color.html">Different Color Top bar</a></li>
                              <li><a href="mega_menu.html">Mega Menu</a></li>
                              <li><a href="language_switch_bar.html">Language Switch Bar</a></li>
                              <li><a href="email_template.html" target="_blank">Email Template</a></li>
                          </ul>
                      </li>

                      <li className="sub-menu dcjq-parent-li">
                          <a href="javascript:;" className="dcjq-parent">
                              <i className="fa fa-book"></i>
                              <span>UI Elements</span>
                          <span className="dcjq-icon"></span></a>
                          <ul className="sub">
                              <li><a href="general.html">General</a></li>
                              <li><a href="buttons.html">Buttons</a></li>
                              <li><a href="modal.html">Modal</a></li>
                              <li><a href="toastr.html">Toastr Notifications</a></li>
                              <li><a href="widget.html">Widget</a></li>
                              <li><a href="slider.html">Slider</a></li>
                              <li><a href="nestable.html">Nestable</a></li>
                              <li><a href="font_awesome.html">Font Awesome</a></li>
                          </ul>
                      </li>

                      <li className="sub-menu dcjq-parent-li">
                          <a href="javascript:;" className="dcjq-parent">
                              <i className="fa fa-cogs"></i>
                              <span>Components</span>
                          <span className="dcjq-icon"></span></a>
                          <ul className="sub">
                              <li><a href="grids.html">Grids</a></li>
                              <li><a href="calendar.html">Calendar</a></li>
                              <li><a href="gallery.html">Gallery</a></li>
                              <li><a href="todo_list.html">Todo List</a></li>
                              <li><a href="draggable_portlet.html">Draggable Portlet</a></li>
                              <li><a href="tree.html">Tree View</a></li>
                          </ul>
                      </li>
                      <li className="sub-menu dcjq-parent-li">
                          <a href="javascript:;" className="dcjq-parent">
                              <i className="fa fa-tasks"></i>
                              <span>Form Stuff</span>
                          <span className="dcjq-icon"></span></a>
                          <ul className="sub">
                              <li><a href="form_component.html">Form Components</a></li>
                              <li><a href="advanced_form_components.html">Advanced Components</a></li>
                              <li><a href="form_wizard.html">Form Wizard</a></li>
                              <li><a href="form_validation.html">Form Validation</a></li>
                              <li><a href="dropzone.html">Dropzone File Upload</a></li>
                              <li><a href="inline_editor.html">Inline Editor</a></li>
                              <li><a href="image_cropping.html">Image Cropping</a></li>
                              <li><a href="file_upload.html">Multiple File Upload</a></li>
                          </ul>
                      </li>
                      <li className="sub-menu dcjq-parent-li">
                          <a href="javascript:;" className="dcjq-parent">
                              <i className="fa fa-th"></i>
                              <span>Data Tables</span>
                          <span className="dcjq-icon"></span></a>
                          <ul className="sub">
                              <li><a href="basic_table.html">Basic Table</a></li>
                              <li><a href="responsive_table.html">Responsive Table</a></li>
                              <li><a href="dynamic_table.html">Dynamic Table</a></li>
                              <li><a href="editable_table.html">Editable Table</a></li>
                          </ul>
                      </li>
                      <li className="sub-menu dcjq-parent-li">
                          <a href="javascript:;" className="dcjq-parent">
                              <i className=" fa fa-envelope"></i>
                              <span>Mail</span>
                          <span className="dcjq-icon"></span></a>
                          <ul className="sub">
                              <li><a href="inbox.html">Inbox</a></li>
                              <li><a href="inbox_details.html">Inbox Details</a></li>
                          </ul>
                      </li>
                      <li className="sub-menu dcjq-parent-li">
                          <a href="javascript:;" className="dcjq-parent">
                              <i className=" fa fa-bar-chart-o"></i>
                              <span>Charts</span>
                          <span className="dcjq-icon"></span></a>
                          <ul className="sub">
                              <li><a href="morris.html">Morris</a></li>
                              <li><a href="chartjs.html">Chartjs</a></li>
                              <li><a href="flot_chart.html">Flot Charts</a></li>
                              <li><a href="xchart.html">xChart</a></li>
                          </ul>
                      </li>
                      <li className="sub-menu dcjq-parent-li">
                          <a href="javascript:;" className="dcjq-parent">
                              <i className="fa fa-shopping-cart"></i>
                              <span>Shop</span>
                          <span className="dcjq-icon"></span></a>
                          <ul className="sub">
                              <li><a href="product_list.html">List View</a></li>
                              <li><a href="product_details.html">Details View</a></li>
                          </ul>
                      </li>
                      <li>
                          <a href="google_maps.html">
                              <i className="fa fa-map-marker"></i>
                              <span>Google Maps </span>
                          </a>
                      </li>
                      <li className="sub-menu dcjq-parent-li">
                          <a href="javascript:;" className="dcjq-parent">
                              <i className="fa fa-comments-o"></i>
                              <span>Chat Room</span>
                          <span className="dcjq-icon"></span></a>
                          <ul className="sub">
                              <li><a href="lobby.html">Lobby</a></li>
                              <li><a href="chat_room.html"> Chat Room</a></li>
                          </ul>
                      </li>
                      <li className="sub-menu dcjq-parent-li">
                          <a href="javascript:;" className="dcjq-parent">
                              <i className="fa fa-glass"></i>
                              <span>Extra</span>
                          <span className="dcjq-icon"></span></a>
                          <ul className="sub">
                              <li><a href="blank.html">Blank Page</a></li>
                              <li><a href="sidebar_closed.html">Sidebar Closed</a></li>
                              <li><a href="people_directory.html">People Directory</a></li>
                              <li><a href="coming_soon.html">Coming Soon</a></li>
                              <li><a href="lock_screen.html">Lock Screen</a></li>
                              <li><a href="profile.html">Profile</a></li>
                              <li><a href="invoice.html">Invoice</a></li>
                              <li><a href="project_list.html">Project List</a></li>
                              <li><a href="project_details.html">Project Details</a></li>
                              <li><a href="search_result.html">Search Result</a></li>
                              <li><a href="pricing_table.html">Pricing Table</a></li>
                              <li><a href="faq.html">FAQ</a></li>
                              <li><a href="fb_wall.html">FB Wall</a></li>
                              <li><a href="404.html">404 Error</a></li>
                              <li><a href="500.html">500 Error</a></li>
                          </ul>
                      </li>
                      <li>
                          <a href="login.html">
                              <i className="fa fa-user"></i>
                              <span>Login Page</span>
                          </a>
                      </li>
                      <li className="sub-menu dcjq-parent-li">
                          <a href="javascript:;" className="dcjq-parent">
                              <i className="fa fa-sitemap"></i>
                              <span>Multi level Menu</span>
                          <span className="dcjq-icon"></span></a>
                          <ul className="sub">
                              <li><a href="javascript:;">Menu Item 1</a></li>
                              <li className="sub-menu dcjq-parent-li">
                                  <a href="boxed_page.html" className="dcjq-parent">Menu Item 2<span className="dcjq-icon"></span></a>
                                  <ul className="sub">
                                      <li><a href="javascript:;">Menu Item 2.1</a></li>
                                      <li className="sub-menu dcjq-parent-li">
                                          <a href="javascript:;" className="dcjq-parent">Menu Item 3<span className="dcjq-icon"></span></a>
                                          <ul className="sub">
                                              <li><a href="javascript:;">Menu Item 3.1</a></li>
                                              <li><a href="javascript:;">Menu Item 3.2</a></li>
                                          </ul>
                                      </li>
                                  </ul>
                              </li>
                          </ul>
                      </li>
                  </ul>
              </div>
         </aside>
    );
  }
}
